import Container from 'react-bootstrap/Container';
import { Button } from 'react-bootstrap';
import newProject from '../controllers/new';
import { useNavigate } from "react-router-dom";
import logo from '../components/Header/images/logo.png';
import Block from '../components/Block';


export default function Main() {
    const navigate = useNavigate();
    const makeProject = () => {
        newProject(navigate);
    };

    return (
        <Container className="p-3">
            <Container className="p-5 mb-4 bg-light rounded-3 text-center">
                <img src={logo} alt="pAPer logo" width="500" onClick={makeProject} />
                <br/>
                {/* <h1 className="header">
                    Добро пожаловать в pAPer!
                </h1> */}
                <Button variant="success" size="lg" className="text-center mb-5" onClick={makeProject}>
                    Перейти к работе над статьёй
                </Button>
                <br/>
                <Container className="text-start">
                    <Block header="Что такое pAPer?" title="Ассистент для работы с научными источниками" isText={true}>
                        <p>
                            Создание обзора литературы – важная, но зачастую рутинная работа.
                            В отличие от содержимого статьи, о котором имеет представление только автор,
                            обзор может быть составлен по небольшому описанию статьи или её идеи:
                            по ним можно установить предметную область и найти подходящие материалы.
                        </p>
                        <p>
                            Подготовка обзора разбита на три части:
                            <ul>
                                <li>Ввод описания статьи или её идеи;</li>
                                <li>Автоматический подбор источников;</li>
                                <li>Выбор основных тем для обзора (статьи должны быть сгруппированы по тематике);</li>
                                <li>Генерация текста обзора по выбранным темам, источникам а также исходному описанию.</li>
                            </ul>
                        </p>
                        <p>
                            ИИ-помощники могут ошибаться, поэтому мы предусмотрели возможность
                            исключения ошибочных результатов.
                            Также можно делиться своими наработками, отправляя ссылку на проект.
                        </p>
                    </Block>
                    <Block header="Дисклеймер" isText={true}>
                        <a href="https://developers.sber.ru/portal/products/gigachat">GigaChat</a>
                        ограничивает запросы по ряду чувствительных тем, а значит и
                        pAPer будет отвечать соответственно.
                        Пожалуйста, избегайте нежелательных формулировок при использовании сервиса.
                    </Block>
                </Container>
            </Container>
        </Container>
    );
}